<template>
	
	  <div class="col-xs-6 col-md-3">
	    <a :href="url" class="thumbnail">
	      <img :src="poster" :alt="title">
	    </a>
			<p v-text="title" class="text-left"></p>
			<p v-text="actor" class="text-left">演员</p>
	  </div>
		

</template>

<script>
	export default {
		name:'poster',
		data(){
			return {
				
			}
		},
		props:{
			poster:String,
			title:String,
			site:String,
			url:String,
			actor:String
		}
		
	}
</script>

<style>
	.actor{
		font-size: 0.625rem;
	}
	p{
		height: 1.625rem;
		width: 10.875rem;
white-space: nowrap;
 overflow: hidden;
	text-overflow: ellipsis; 
	}
</style>
